<template>
  <div id="app">
     <BpmnViewer :xmlData="viewData" v-if="viewData!=null && viewData!=''" ></BpmnViewer>
  </div>
</template>
<script>
export default {
  props: {
    /** 展示内容的宽 */
    viewData: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      propTaskList: [
        {
          key: 'UserTask_06zjapk',
          completed: true
        },
        {
          key: 'UserTask_07cj5cp',
          completed: true
        },
        {
          key: 'UserTask_0hkfnx2',
          completed: true
        },
        {
          key: 'UserTask_1pvvtgn',
          completed: true
        },
        {
          key: 'Task_02tadrd',
          completed: false
        }
      ],
      modeler: {
        xmlData: "",
        svgImage: ""
      }
    }
  },
  watch: {

    modelId (val) {
      console.log(val)
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
  .bjs-powered-by{
    display: none!important;
  }
.button {
  position: absolute;
  right:15px;
  bottom:100px;
  height: 40px;
  width: 80px;
  z-index: 100;
  color: green;
  background: rgba(0, 128, 0, 0.2);
  border: 1px solid rgb(0, 128, 0);
  border-radius: 4px;
}
</style>
